<template>
  <div>
    <!-- select
   el-select
       v-model:值的双向绑定
       el-option
          label:显示的文本
          value:选中该项后的值（对应v-model的值）

    -->
    <h3>当前选中后的值:{{ city }}</h3>
    城市选择：<el-select v-model="city">
      <el-option label="深圳" value="sz" />
      <el-option label="广州" value="gz" />
    </el-select>
  </div>
</template>
<script>
export default {
  data() {
    return {
      city: 'gz'
    }
  }
}
</script>
<style></style>
